<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body{
    background-color:rgb(34, 45, 51,0.9);
    }
#group{
		display:flex;
}
 .logo h1{
           	font-size: 40px;
          	color: #fff;
            font-family: '微软雅黑';
            padding-bottom: 20px;
            padding-left: 10px;
            letter-spacing: 3px;
        }
.time {
		margin-top:40px;
		font-size:25px;
}
.time{
	margin-left:550px;
}
 .head{
 	width:80px;
 	height:80px;
 	margin-top:15px;
	margin-left:50px;
	border-radius:50%;
	background:url("../Image/head1.png");
}
#wel{
	margin-top:40px;
	font-size:25px;
}
.innerlogo {

    font-weight: bold;
    /* 这里可以随意加样式 */
    text-shadow:2px 2px 2px white;
    background: #fff
        linear-gradient(
        -135deg,
        transparent 25%,
        transparent 40%,
        rgba(253,84,78,1) 40%,/* 这两个值是滑动条的颜色 */
        rgba(253,84,78,1) 60%,/* 默认是绿色 自己更改即可 */
        transparent 60%,
        transparent
        );
    background-size: 120px 120px;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: scratchy 3s linear infinite;
}

@keyframes scratchy {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 130% 0;
    }
}

</style>
</head>
<body>
<div  id = "group">
	<div class = "logo">
		<h1 class ="innerlogo">完美物业管理系统</h1>
	</div>
	<div class = "time">
		<span id = "time">2023-04-23 19:37:09</span>
	</div>
	<a href = "#" title = "点击修改个人信息"><div class = "head"></div></a>
	<div id = "wel">
		欢迎!
	</div>
</div>
<script>
	setInterval(function(){
		var date = new Date();
		var year = date.getFullYear();
		var month = date.getMonth() + 1;
		if (month < 10) {
			month = "0" + month;
		}
		var day = date.getDate();
		if (day < 10) {
			day = "0" + day;
		}
		var hour = date.getHours();
		if (hour < 10) {
			hour = "0" + hour;
		}
		var minute = date.getMinutes();
		if (minute < 10) {
			minute = "0" + minute;
		}
		var second = date.getSeconds();
		if (second < 10) {
			second = "0" + second;
		}
		var now = year + "-" + month + "-" + day + " " + hour + ":" + minute
			+ ":" + second;
		document.getElementById("time").innerHTML = now;
   }, 500);
	
</script>
</body>

</html>